<template>
  <div>
    <h1 v-show="isOK">卧龙凤雏</h1>  
     <h1 v-if="isO">得一可得天下</h1>
    <p v-if="age >18">成年了</p>
    <p v-else>未成年</p>
  </div>
  <!--区别： 前者是隐藏起来，后者是从dom 中给移出了 -->
</template>

<script>
export default {
  data(){
    return {
      isOK: true,
      isO : true,
      age:5
    }
  }
}
</script>

<style>

</style>